﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Detail.aspx.cs" Inherits="ProjectSem3.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class=" details">
        <div class="show_details">
            <div class="show_title_details">
                <asp:HyperLink ID="HyperLink1" runat="server" Font-Size="20px" ForeColor="White"
                    ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">Detail Product :</asp:HyperLink>
                <asp:HyperLink ID="HyperLink2" runat="server" Font-Size="20px" ForeColor="White"
                    ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">Sony Xperia Z1</asp:HyperLink>
            </div>
            <div class="show_content_details">
                <div class="details_top">
                    <div class="details_top_1">
                        <div class="clearfix" id="content">
                            <div class="clearfix">
                                <a class="jqzoom" rel='gal1' runat="server" id="BigImage">
                                    <img src="../images/demohinhnho.jpg" id="SmallImage" runat="server" style="box-shadow: 0px 2px 5px #ccc;
                                        height: 400px; width: 300px">
                                </a>
                            </div>
                        </div>
                        <div class="details_top_1_order">
                            <a class="more" runat="server" id="OrderNow" onserverclick="OrderNow_Click">
                                <img src="../images/chitietnho/order_now.png" style="cursor: pointer;" width="200" />
                            </a>
                        </div>
                    </div>
                    <div class="details_top_2">
                        <div class="details_top_2_1">
                            <img src="images/chitietnho/chicotaiday.png" />
                        </div>
                        <div class="details_top_2_2">
                            <div class="details_top_2_2_5uudai">
                                <h3>
                                    <span>4</span> Special Offers</h3>
                                <span class="ico_BHMR">Exchange products with errors in 2 weeks</span><br />
                                <br />
                                <span class="ico_BHMR">Warranty in 5 years</span><br />
                                <br />
                                <span class="ico_BHMR">Repair for free and replace parts</span><br />
                                <br />
                                <span class="ico_BHMR">Hotline 0908744520</span>
                            </div>
                            <div class="details_top_2_2_Boxdetails">
                                <table style="width: 100%;">
                                    <tr>
                                        <td colspan="3">
                                            <h3 class="clearfix">
                                                <asp:Label ID="NameProduct" runat="server"></asp:Label></h3>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                        </td>
                                        <td>
                                            <h4>
                                                Product ID:
                                                <asp:Label ID="ProductID" runat="server"></asp:Label></h4>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <h4>
                                                Suppiler:
                                                <asp:Label ID="Suppiler" runat="server"></asp:Label></h4>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <h4>
                                                Category:
                                                <asp:Label ID="category" runat="server"></asp:Label></h4>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <h4>
                                                Warranty:
                                                <asp:Label ID="Warranty" runat="server"></asp:Label></h4>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <h4>
                                                Status:
                                                <asp:Label ID="Status" runat="server"></asp:Label></h4>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <h4>
                                                DateUpdate:
                                                <asp:Label ID="DateUpdate" runat="server"></asp:Label></h4>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            <h4>
                                                Views:
                                                <asp:Label ID="Views" runat="server"></asp:Label></h4>
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="show_title_details">
                    <h7>Description</h7>
                </div>
                <div class="details_product">
                    <asp:Label ID="Description" runat="server"></asp:Label>
                </div>
                <div id="comment">
                    <div style="float: left;">
                        <span style="margin: 10px 0px 0px 20px; color: #096c77; font-weight: bold; font-style: italic">
                            Thêm bình luận</span></div>
                    <div class="typeComment">
                        <div class="inComment">
                            <p align="center">
                                <asp:TextBox ID="TxtContent" runat="server" TextMode="MultiLine" style="margin: 2px; width: 1018px; height: 62px; max-width:1018px; min-width:1018px;"></asp:TextBox>
                            </p>
                            <p>
                                <div id="thongbaonoidung" style="margin-left: 10px; color: #F00; font-style: italic;
                                    font-size: 13px">
                                </div>
                            </p>
                            <p>
                                <span><font size="2" color="#999999"><i>Bình luận có nội dung quảng cáo hoặc xúc phạm
                                    người khác đều bị nghiêm cấm.</i><a style="text-decoration: none; color: #096c77;
                                        font-size: 14px;" href="#">Tìm hiểu điều khoản</a></font></span></p>
                            <p style="font-size: 13px" align="right">
                                <b>Email </b>
                                <asp:TextBox ID="TxtEmail" runat="server" size="40"></asp:TextBox>
                            </p>
                            <p>
                                <div id="thongbaoemail" style="margin-left: 370px; color: #F00; font-style: italic;
                                    font-size: 13px">
                                </div>
                            </p>
                            <p style="font-size: 13px" align="right">
                                <b>Họ Tên </b>
                                <asp:TextBox ID="TxtName" runat="server" size="40"></asp:TextBox>
                            </p>
                            <p>
                                <div id="thongbaoten" style="margin-left: 370px; color: #F00; font-style: italic;
                                    font-size: 13px">
                                </div>
                            </p>
                            <p style="margin-right: 10px" align="right">
                                <input style="cursor: pointer" type="reset" name="huy" value="Hủy" id="huy" />
                                <i>hoặc</i>
                                <asp:Button ID="BtSend" runat="server" Text="Send" onclick="BtSend_Click" /></p>
                            <br class="clr">
                        </div>
                        <br class="clr">
                    </div>
                    <ul class="uComment" id="uComment" style="margin: 30px; padding: 0px; font-size: 13px; list-style: none">
                        <asp:Repeater ID="RepeaterComment" runat="server">
                            <ItemTemplate>
                                <li class="line">
                                    <div class="txtComment" style="padding-bottom: 10px; border-bottom: 1px solid #CCC">
                                        <span class="name" style="color: orange"><%# Eval("Name") %></span>&nbsp;-&nbsp;<span style="color: Black;font-weight:bold;"><%# Eval("Content") %></span>
                                    </div>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>                        
                        <br />
                    </ul>
                </div>
            </div>
        </div>
        <div style="clear: both;">
        </div>
        <div class="show">
            <div class="show_title">
                <asp:HyperLink ID="HyperLink3" runat="server" Font-Size="20px" ForeColor="White"
                    ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">New Mobile</asp:HyperLink>
            </div>
            <div class="show_contentTrangorder">
                <div id="amazingcarousel-container-1">
                        <div id="amazingcarousel-1" style="display: block; position: relative; width: 100%;
                            max-width: 720px; margin: 0px auto 0px;">
                            <div class="amazingcarousel-list-container" style="overflow: hidden;">
                                <ul class="amazingcarousel-list">
                                    <asp:Repeater ID="Repeater_Product" runat="server" OnItemDataBound="Repeater_Product_ItemDataBound">
                                        <ItemTemplate>
                                            <li class="amazingcarousel-item">
                                        <asp:HiddenField runat="server" ID="productID" Value='<%# Eval("ProductID") %>' />
                                        <div class="amazingcarousel-item-container">
                                            <div class="amazingcarousel-image">
                                                <a href='Detail.aspx?id=<%# Eval("ProductID") %>'>
                                                    <asp:Image ID="image" runat="server" />
                                            </div>
                                            <div class="amazingcarousel-title">
                                                <h3><%# Eval("Name") %></h3>
                                                <h3><cite class="price"><%# Eval("Price")%>₫</cite></h3>
                                            </div>
                                            <div class="amazingcarousel-description">
                                            </div>
                                        </div>
                                    </li>
                                        </ItemTemplate>
                                    </asp:Repeater>                                    
                                </ul>
                            </div>
                            <div class="amazingcarousel-prev">
                            </div>
                            <div class="amazingcarousel-next">
                            </div>
                        </div>
                    </div>
            </div>
        </div>
        <div style="clear: both;margin-bottom:100px;">
        </div>
    </div>
</asp:Content>
